本文共 1414 字,大约阅读时间需要 4 分钟。
我们可以使用link的方式.如下代码所示.
function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setAttribute("href", url); var heads = doc.getElementsByTagName("head"); if(heads.length) heads[0].appendChild(link); else doc.documentElement.appendChild(link);}
但是,这样的话,需要加载整个css文件,但是那样有可能浪费一个http请求并占用一个服务器请求数,并等待上一段下载时间,所以,Firebug Lite采取的是将css代码写在js中,然后动态创建style标签的方法,正如下面所示
function addCssByStyle(cssString){ var doc=document; var style=doc.createElement("style"); style.setAttribute("type", "text/css"); if(style.styleSheet){// IE style.styleSheet.cssText = cssString; } else {// w3c var cssText = doc.createTextNode(cssString); style.appendChild(cssText); } var heads = doc.getElementsByTagName("head"); if(heads.length) heads[0].appendChild(style); else doc.documentElement.appendChild(style);}
这样的话,如果是较少的代码,可以比较方便的实现到动态加载css的效果,但是如果为了方便维护和管理,并没有等待时间限制,使用link方式更加合适
var script=document.createElement("script");script.setAttribute("type", "text/javascript");script.setAttribute("src", "JustWalking.js");var heads = document.getElementsByTagName("head");if(heads.length) heads[0].appendChild(script);else document.documentElement.appendChild(script);
但是这种方式在IE内核的浏览器中支持,在google、360极速、firefox下却不行
document.write(" ");
document.write("");
转载地址:http://felpi.baihongyu.com/